﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />

    <script src="../../Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="../../Scripts/myScript/window.js" type="text/javascript"></script>
    <script src="../../Scripts/myScript/scrollbar.js" type="text/javascript"></script>
    <script src="../../Scripts/myScript/validate.js"></script>
    <script src="../../Scripts/myScript/userLayout.js" type="text/javascript"></script>
    
    
    <script>(function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=131219353710358";
        fjs.parentNode.insertBefore(js, fjs);
        alert(d + ',' + s + ',' + id);

    }(document, 'script', 'facebook-jssdk'));</script>
   
    <title>@ViewBag.Title</title>

    <style type="text/css">
        .fix { position:fixed; }
        .hide { display:none; }
        .clear { clear:both; }
        #contacts .contact_row {
            height:30px;
	        margin-top:2px;
	        background-color:#eee;
	        cursor:pointer;
        }
        #contacts .contact_row .stt_onl {
            background:Transparent url('../../Images/onl.png') no-repeat;
        }
        #contacts .contact_row .stt_off {
            background:Transparent url('../../Images/off.png') no-repeat;
        }
        .overflowx {
            overflow-x:auto;
        }
        .chatbox {
	        width: 248px;
	        margin: 0;
	        border-bottom: 1px solid #5c87b2;
        }
        .chatbox .viewport {
	        width: 230px;
	        height: 200px;
	        overflow: hidden;
	        position: relative;
        }
        .chatbox .overview {
	        list-style: none;
	        position: absolute;
	        left: 0;
	        top: 0;
	        padding: 0;
	        margin: 0;
        }
        .chatbox .scrollbar {
	        background: transparent url('../../Images/track.png') no-repeat 0 0;
	        position: relative;
	        background-position: 0 0;
	        float: right;
	        width: 15px;
        }
        .chatbox .track {
	        background: transparent url('../../Images/trackend.png') no-repeat 0 100%;
	        height: 100%;
	        width: 13px;
	        position: relative;
	        padding: 0 1px;
        }
        .chatbox .thumb {
	        background: transparent url('../../Images/thumb.png') no-repeat 50% 100%;
	        height: 20px;
	        width: 25px;
	        cursor: pointer;
	        overflow: hidden;
	        position: absolute;
	        top: 0;
	        left: -5px;
        }
        .chatbox .thumb .end {
	        background: transparent url('../../Images/thumb.png') no-repeat 50% 0;
	        overflow: hidden;
	        height: 5px;
	        width: 25px;
        }
        .chatbox .disable { display: none; }
        .noSelect {
	        user-select: none;
	        -o-user-select: none;
	        -moz-user-select: none;
	        -khtml-user-select: none;
	        -webkit-user-select: none;
        }
    </style>
</head>

<body style="width:100%;min-width:1000px;padding:0;margin:0">
<div id="wrapper">
    <div id="header" style="height:50px;">
    <div id="hPanel" class="fix" style="height:50px;left:0;top:0;right:0;background:rgb(104,33,122)">
		<div style="margin:auto;width:1000px">
            <div style="float:left;margin:10px 0">
                <a id="bnLogo" href="javascript:window.location.href='/Home/Index'"
                    style="width:103px;height:31px;display:block;border:none;cursor:pointer;
                    background:Transparent url('../../Images/logo.png') no-repeat">
                </a>
            </div>

            <div style="float:left;">
                <div style="float:left;margin:10px 0">
                    <a href="javascript:void(0)" style="width:24px;height:31px;margin:0 1px 0 1px;display:block;border:none;cursor:pointer;
                        background:Transparent url('../../Images/fb-img.png') no-repeat -31px -85px"><!-- -75px -250px -->
                    </a>
                </div>

                <div style="float:left;margin:10px 0">
                    <a href="javascript:void(0)" style="width:24px;height:31px;margin:0 1px 0 1px;display:block;border:none;cursor:pointer;
                        background:Transparent url('../../Images/fb-img.png') no-repeat -26px -220px"><!-- -50px -286px -->
                    </a>
                </div>

                <div style="float:left;margin:10px 0">
                    <a href="javascript:void(0)" style="width:24px;height:31px;margin:0 1px 0 1px;display:block;border:none;cursor:pointer;
                        background:Transparent url('../../Images/fb-img.png') no-repeat -26px -186px"><!-- 0 -286px -->
                    </a>
                </div>
                <div class="clear"></div>
            </div>

            <div style="float:right;width:810px">
                <div style="float:left;margin:15px 0">
                    <div style="float:left">
                        <input type="text" name="txtTimKiem" value="Tìm kiếm"
                            style="width:350px;color:#888"
                            onfocus="javascript:if (this.value=='Tìm kiếm') { this.value=''; }"
                            onblur="javascript:if (this.value=='') { this.value='Tìm kiếm'; }" />
                    </div>

                    <div style="float:left;position:absolute;margin:0 0 0 330px">
                        <a href="javascript:void(0)" style="width:20px;height:20px;
                            display:block;cursor:pointer;
                            background:Transparent url('../../Images/srch.png') no-repeat"></a>
                    </div>
                    <div class="clear"></div>
                </div>

                <div style="float:right;margin:5px 0">
                    <div id="bnCaNhan" style="float:left">
                        <div style="float:left">
                            <img alt="avatar" src="../../Images/srch.png" width="35" height="35" />
                        </div>

                        <div style="float:left;margin:10px 0">
                            <a href="javascript:void(0)" style="color:#ddf;font-family:Constantia;
                                text-decoration:none;font-size:10pt">
                                Nguyễn Lạc Văn
                            </a><span style="color:#fff">&nbsp;|&nbsp;</span>
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div style="float:left;margin:10px 0">
                        <a id="bnTimBan" href="javascript:void(0)" style="color:#ddf;font-family:Constantia;
                            text-decoration:none;font-size:10pt">
                            Tìm kiếm bạn bè
                        </a><span style="color:#fff">&nbsp;|&nbsp;</span>
                    </div>

                    <div style="float:left;margin:10px 0">
                        <a id="bnTrangChu" href="javascript:window.location.href='/Home/Index'"
                            style="color:#ddf;font-family:Constantia;text-decoration:none;font-size:10pt">
                            Trang chủ
                        </a><span style="color:#fff">&nbsp;|&nbsp;</span>
                    </div>

                    <div style="float:left;margin:12px 0">
                        <a id="bnDangXuat" title="Đăng xuất" href="javascript:void(0)"
                            style="color:#ddf;text-decoration:none;display:block;width:15px;height:15px;border:none;
                            background:Transparent url('../../Images/fb-img.png') no-repeat -61px -347px">
                        </a>
                    </div>

                    <div style="float:left;margin:12px 0">
                        <a id="bnCaiDat" title="Cài đặt tài khoản" href="javascript:void(0)"
                            style="color:#ddf;text-decoration:none;display:block;width:15px;height:15px;border:none;
                            background:Transparent url('../../Images/fb-img.png') no-repeat -5px -326px">
                        </a>
                    </div>
                    <div class="fb-login-button" data-show-faces="false" data-width="200" data-max-rows="1"></div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
    </div>
    <div class="clear"></div>

    <div style="min-height:520px">
        @RenderBody()
    </div>
    <div class="clear"></div>

    <div id="footer" style="color:#00f;height:70px;line-height:70px;text-align:center;
            background:#ddf">
        This is my footer
    </div>
    <div class="clear"></div>

    <div id="contactDiv1" style="width:220px;height:25px;background:rgb(104,33,122);
        position:fixed;bottom:0;right:100px;border-radius:5px 5px 0 0;
        cursor:pointer;text-shadow:2px 2px 2px #000">
        <div style="text-align:center;color:#fff;line-height:25px">chat</div>
    </div>

    <div id="contactDiv2" class="hide" style="width:220px;background:#fff;
        position:fixed;bottom:0;right:100px;border:2px solid rgb(104,33,122);
        border-radius:5px 5px 0 0">
        <div id="contactDivCaption" style="text-align:center;color:#fff;height:25px;line-height:25px;
            background:rgb(104,33,122);cursor:pointer;
            text-shadow:2px 2px 2px #000">chat</div>
        <div id="contacts">
            <!-- Them lien lac vao day -->
        </div>
        <div>
            <input type="text" name="txtTimNguoiChat" style="width:100%" />
        </div>
    </div>

    <div id="chatBoxP" style="position:fixed;bottom:0;right:350px;width:800px;
        overflow-y:hidden;max-height:280px">
        <div id="chatBoxes">
            <!-- Them chatbox vao day -->
        </div>
    </div>
    <div class="clear"></div>
</div>
</body>
</html>